<script setup>
import {
  onActivated,
  onBeforeMount,
  onBeforeUnmount,
  onBeforeUpdate,
  onDeactivated,
  onMounted,
  onUnmounted,
  onUpdated
} from "vue";

onBeforeMount(() => {
  console.log("Home onBeforeMount");
})

onMounted(() => {
  console.log("Home onMounted");
})

onBeforeUpdate(() => {
  console.log("Home onBeforeUpdate");
})

onUpdated(() => {
  console.log("Home onUpdated");
})

onBeforeUnmount(() => {
  console.log("Home onBeforeUnmount");
})

onUnmounted(() => {
  console.log("Home onUnmounted");
})

onActivated(() => {
  console.log("Home onActivated");
})

onDeactivated(() => {
  console.log("Home onDeactivated");
})
</script>

<template>
  <h1>Home 页面</h1>
</template>

<style scoped>

</style>